<template>
    <div>
        <!-- @ === v-on: -->
        <div @click='handelClick' style="background: #800080;">
            <!-- .stop阻止事件冒泡 -->
            <button @click.stop='1 + 1'>click</button>
        </div>
        <!-- 阻止默认事件 prevent -->
        <form action="" @submit.prevent="submit">
            <input type="text" name="user">
            <!-- 禁止自动提交 -->
            <button type="button">提交</button>
        </form>
    </div>
</template>
<script>
export default{
    data(){
        return {

        }
    },
    methods:{
        submit(){
            //alert('form')
            //ajax
        },
        handelClick(event){
            //alert(alert(alert(1)))//1,undefined,undefined
            ///alert(1)
        //    event是事件默认注入的
        //获取原生dom对象，event.target
        //target获取事件触发的元素
        //currentTarget获取事件绑定的元素
           console.log(event);
           //event.target.style.color='red';
        },
    },
}
</script>